const api = {
	area: getApi("地区"),
	cart: getApi("购物车"),
	mainNav: getApi("导航"),
	customerService: getApi("客户服务"),
	enterprisePurchase: getApi("企业采购"),
	websiteNav: getApi("网站导航"),
	myJd: getApi("我的京东"),
};

function getApi(src) {
	return $.get(`../api/${src}.json`)
}

let activLink = 18;
api.area.then(function (data) {
	let mapBox = $("#map1");
	for (let i = 0; i < data.length; i++) {
		if (data[i].title) {
			mapBox.find('div').eq(i).find("p").html(data[i].title);
		}
		data[i].city.forEach((v) => {
			mapBox.find('div').eq(i).find("ul").append(`<li><a href="javascript:;">${v}</a></li>`)
		});
	}
	mapBox.find("div a").eq(activLink).css({
		'backgroundColor': 'red',
		'color': "#fff",
	})
});

hov('#map1')
positionBoxSolo('#map1')

api.cart.then(function (data) {
	// console.log(data);
	data.forEach(function (v) {
		$('#pro').append(`
		<div id="${v.id}">
		<img src="${v.URL}" alt="">
		<p>${v.title}</p>
		<i>￥${v.price}</i>
		<div><a href="javascript:;" >加入购物车</a></div>
		</div>
	`)
	})
	$('#pro').find('div').find('a').click(function () {
		var price = $(this).parent().prev().html()
		var name = $(this).parent().prev().prev().html()
		var img = $(this).parent().prev().prev().prev().attr('src')
		var id = $(this).parent().parent().attr('id')
		console.log(id);
		$.ajax({
			url: '../php/addwq.php',
			data: {
				id: id,
				name: name,
				price: price,
				img: img,
				num: 1
			},
			dataType: 'json'
		})
			.then(function (res) {
				if (res.code) {
					showTbody()
				}
			})
	})
	// ...
	$('img').click(function () {
		var id = $(this).parent().attr('id')
		var img = $(this).attr('src')
		var title = $(this).next().html()
		var price = $(this).next().next().html()
		var num = $('.num').val()
		// console.log(id);
		// console.log(img);
		// console.log(title);
		// console.log(price);
		var data = [id, img, title, price, num]
		sessionStorage.setItem("data",
			JSON.stringify(data)
		)

		location.assign('../pages/item.html')
	})
})

console.log($('.num').val());
$('tbody').click(function (e) {
	var target = e.target;
	if ((target.className == 'add') || (target.className == 'reduce')) {
		console.log(1);
		$.ajax({
			url: '../php/updatawq.php',
			data: {
				type: target.className,
				id: $(target).parents('tr').attr('id')
			},
			success: function (res) {
				if (res.code) {
					showTbody()
				}
			},
			dataType: 'json'
		})
	}
	else if (target.className == 'del') {
		console.log($(target).parents('tr').attr('id'));
		$.ajax({
			url: '../php/delwq.php',
			data: {
				id: $(target).parents('tr').attr('id')
			},
			success: function (res) {
				if (res.code) {
					showTbody()
				}
			},
			dataType: 'json'
		})
	}
})

$(function () {
	showTbody()
})

carHov('#a0')
carHov('#b0')
carHov('#c0')
carHov('#d0')
carHov('#e0')

$('#c0').click(function () {
	$(window).scrollTop('0')
})



